<template>
  <div class="main-ctn">
    <div class="main-right">
      <Nav title="研究成果" path="/researchFindings" />
      <div class="right-nr">
          <ul class="data-list">
            <li v-for="item in resList" :key="item.id" @click="toDetail(item)">{{item.title}} </li>
          </ul>
      </div>
    </div>
  </div>
  
</template>  
<script>
import Nav from "./components/nav"
export default {
    components:{
        Nav
    },
    data(){
        return {
            resList:[]
        }
    },
    created(){
        this.getResultListFn();
    },
    methods:{
      toDetail(item){
        localStorage.setItem('resDetail',JSON.stringify(item))
        this.$router.push("/researchFindingsDetail")
      },
      getResultListFn(){
        this.centralControl.axios.centralControl(
            'getResultList',
            res => {
                this.resList=res;
            },
            {}
        );
      },
    }
}
</script>
<style lang="less" scoped>
.right-nr {
    font-size: 16px;
    color: #666;
    position: relative;
    padding-bottom: 50px;
}
.data-list {
    padding-top: 5px;
    padding-bottom: 30px;
}
.data-list li {
    cursor: pointer;
    font-size: 14px;
    line-height: 45px;
    border-bottom: 1px dotted #ccc;
}
ul.data-list > li > a {
    color: #333;
    font-size: 16px;
    background: url(../../assets/img/lia.png) no-repeat left center;
    padding-left: 12px;
}
</style>